<!--
 * @Author: LiuYan
 * @Date: 2022-12-30 11:12:08
 * @LastEditors: LiuYan
 * @LastEditTime: 2022-12-30 13:46:17
 * @Description: 
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./common/css/coommon.css" />
  </head>
  <body>
    <div class="singleItemTable">
      <div class="header">
        <span>xxxxxxxxxxxx项目</span>
        <button class="button_primary">返回</button>
      </div>
      <div class="table">
        <div class="header tr">
          <div class="td" style="width: 8vw">序号</div>
          <div class="td" style="width: 20vw">项目名称</div>
          <div class="td" style="width: 20vw">单位</div>
          <div class="td" style="width: 8vw">项目明细</div>
          <div class="td" style="width: 8vw">合同总金额</div>
          <div class="td" style="width: 8vw">金额明细</div>
          <div class="td" style="width: 8vw">收款情况</div>
          <div class="td" style="width: 8vw">合同</div>
          <div class="td" style="width: 8vw">发票情况</div>
          <div class="td" style="width: 8vw">备注</div>
        </div>
        <div class="body">
          <div class="tr">
            <div style="width: 7.45vw; padding: 0">
              <div class="td" style="width: 100%">1</div>
              <div class="td" style="width: 100%">2</div>
              <div class="td" style="width: 100%">3</div>
              <div class="td" style="width: 100%">4</div>
              <div class="td" style="width: 100%">5</div>
            </div>
            <div class="td" style="width: 18.7vw; height: 222px">项目名称</div>
            <div class="td" style="width: 18.7vw; height: 222px">单位</div>
            <div style="width: 7.45vw; padding: 0">
              <div class="td" style="width: 7.45vw">设备</div>
              <div class="td" style="width: 7.45vw">施工</div>
              <div class="td" style="width: 7.45vw">集成</div>
              <div class="td" style="width: 7.45vw">维护</div>
              <div class="td" style="width: 7.45vw">软件</div>
            </div>
            <div class="td" style="width: 7.45vw; height: 222px"></div>
            <div style="width: 7.45vw; padding: 0">
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
            </div>
            <div style="width: 7.45vw; padding: 0">
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
            </div>
            <div style="width: 7.45vw; padding: 0">
              <div class="td" style="width: 7.45vw">
                <button class="button_primary_text">查看</button>
              </div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
            </div>
            <div style="width: 7.45vw; padding: 0">
              <div class="td" style="width: 7.45vw">
                <button class="button_primary_text">上传</button>
              </div>
              <div class="td" style="width: 7.45vw">
                <button class="button_primary_text">查看</button>
                &ensp;
                <button class="button_error_text">删除</button>
              </div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
            </div>
            <div style="width: 7.45vw; padding: 0">
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
              <div class="td" style="width: 7.45vw"></div>
            </div>
          </div>
        </div>
        <div class="header tr">
          <div class="td" style="width: 4vw">序号</div>
          <div class="td" style="width: 4vw">成本</div>
          <div class="td" style="width: 20vw">明细</div>
          <div class="td" style="width: 20vw">采购金额</div>
          <div class="td" style="width: 8vw">已付金额</div>
          <div class="td" style="width: 8vw">支付比例</div>
          <div class="td" style="width: 8vw">付款账户</div>
          <div class="td" style="width: 8vw">付款日期</div>
          <div class="td" style="width: 8vw">合同</div>
          <div class="td" style="width: 8vw">发票</div>
          <div class="td" style="width: 8vw">备注</div>
        </div>
        <div class="body">
          <div class="tr">
            <div class="td" style="width: 4vw">1</div>
            <div class="td" style="width: 4vw">隐性</div>
            <div class="td" style="width: 20vw"></div>
            <div class="td" style="width: 20vw"></div>
            <div class="td" style="width: 8vw"></div>
            <div class="td" style="width: 8vw"></div>
            <div class="td" style="width: 8vw"></div>
            <div class="td" style="width: 8vw"></div>
            <div class="td" style="width: 8vw"></div>
            <div class="td" style="width: 8vw"></div>
            <div class="td" style="width: 8vw"></div>
          </div>
        </div>
      </div>
      <button class="button_primary_text">
        <img src="./common/img/common/add.png" />
        &ensp;添加成本
      </button>
      <div class="table">
        <div class="tr">
          <div class="td" style="width: 15vw; background: #f3f8ff">
            隐性成本小计
          </div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
        </div>
        <div class="tr">
          <div class="td" style="width: 15vw; background: #f3f8ff">
            项目成本小计
          </div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
        </div>
        <div class="tr">
          <div class="td" style="width: 15vw; background: #f3f8ff">
            内外帐合计
          </div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
          <div class="td" style="width: 11vw"></div>
        </div>
        <div class="tr">
          <div class="td" style="width: 15vw; background: #f3f8ff">
            采购总合计
          </div>
          <div class="td" style="width: 11vw; background: #f3f8ff"></div>
          <div class="td" style="width: 11vw; background: #f3f8ff"></div>
          <div class="td" style="width: 11vw; background: #f3f8ff"></div>
          <div class="td" style="width: 11vw; background: #f3f8ff"></div>
          <div class="td" style="width: 11vw; background: #f3f8ff"></div>
          <div class="td" style="width: 11vw; background: #f3f8ff"></div>
          <div class="td" style="width: 11vw; background: #f3f8ff"></div>
          <div class="td" style="width: 11vw; background: #f3f8ff"></div>
        </div>
      </div>
    </div>
  </body>
</html>
